<template>
  <div class="  container">
    <router-view></router-view>
    <div class="index">
      <Header />
      <div class="main-center2 " style="height: auto; margin-bottom:  0px;">
        <div class="test-con">
          <div class="test-con-list">
            <div class="test-tit">
              <label class="fl">诗词歌赋</label>
              <h1>剩余时间：29：29</h1>
              <label class="fr">交卷</label>
            </div>
            <div class="test-c-area">
              <div class="test-left">
                <h3 class="dtk-tit">
                  答题卡
                  <label>总分100</label>
                </h3>
                <p class="bt2">单选题</p>
                <div class="ta">
                  <a class="cur">1</a>
                  <a>2</a>
                  <a class="error">3</a>
                  <a>4</a>
                  <a class="error">5</a>
                  <a>6</a>
                  <a>7</a>
                  <a>8</a>
                </div>
                <p class="bt2">多选题</p>
                <div class="ta">
                  <a>1</a>
                  <a>2</a>
                  <a class="cur">3</a>
                  <a class="cur">4</a>
                  <a>5</a>
                  <a>6</a>
                  <a>7</a>
                  <a>8</a>
                </div>
                <p class="bt2">填空题</p>
                <div class="ta">
                  <a>1</a>
                  <a class="cur">2</a>
                  <a>3</a>
                  <a>4</a>
                  <a class="error">5</a>
                  <a>6</a>
                  <a>7</a>
                  <a>8</a>
                </div>
                <p class="bt2">判断题</p>
                <div class="ta">
                  <a>1</a>
                  <a class="cur">2</a>
                  <a>3</a>
                  <a>4</a>
                  <a>5</a>
                  <a class="error">6</a>
                  <a>7</a>
                  <a>8</a>
                </div>
              </div>

              <div class="test-right">
                <h3 class="dtk-tit">
                  单选题（20分，共10题）
                  <label>第二题</label>
                </h3>
                <p class="k-tit">儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括儒家经典不包括</p>

                <el-radio-group v-model="form.resource">
                  <P class="tt1 error"><el-radio value="1" label=" A   论语"></el-radio></P>
                  <P class="tt1"><el-radio label=" B   春秋"></el-radio></P>
                  <P class="tt1"><el-radio label=" C   大学"></el-radio></P>
                  <P class="tt1 ri-ok"><el-radio label=" D   道德经"></el-radio></P>
                </el-radio-group>

                <p class="k-tit">儒家经典不包括儒家经典不包括</p>
                <el-checkbox-group v-model="value">
                  <P class="tt1  "><el-checkbox value="1" label=" A">A 论语</el-checkbox></P>
                  <P class="tt1"><el-checkbox value="2" label=" B">B 春秋</el-checkbox></P>
                  <P class="tt1"><el-checkbox value="3" label=" C">C 大学</el-checkbox></P>
                  <P class="tt1 "><el-checkbox value="4" label=" D">D 道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经道德经</el-checkbox></P>
                </el-checkbox-group>

                <div class="mt30"></div>
                <div class="mt90"></div>
                <div class="mt10 ri-daan">
                  <p class="k-tit">正确答案：C</p>
                  <p class="k-tit">解析：正确答案为C，因为儒家思想什么什么所以什么什么</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Header from '../../components/header.vue';
import Copyright from '../../components/copyright2.vue';

export default {
  data() {
    return {
      isLeft: false,
      value: [],
      options: [
        {
          value: '品德养成',
          label: '品德养成'
        },
        {
          value: '人物介绍',
          label: '人物介绍'
        },
        {
          value: '古今轶事',
          label: '古今轶事'
        },
        {
          value: '科学知识',
          label: '科学知识'
        },
        {
          value: '成语典故',
          label: '成语典故'
        }
      ],
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '1',
        desc: ''
      }
    };
  },
  created() {},
  methods: {
    goNext() {
      this.$router.push('/test2');
    },
    goJG() {
      this.$router.push('/courseList');
    },
    goCollect() {
      this.$router.push('/courseCollect');
    }
  },
  components: { Header, Copyright }
};
</script>

<style lang="scss" scoped>
/deep/ .el-input__inner {
  height: 36px;
  line-height: 35px;
  outline: 0;
}
</style>
